<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>goods</title>
<link rel="stylesheet" type="text/css" href="style/goods.css" />
<link rel="stylesheet" type="text/css" href="style/base.css"/>
<link rel="stylesheet" type="text/css" href="style/preview.css"/>
<SCRIPT src="style/jquery.js" type=text/javascript></SCRIPT>
<SCRIPT src="style/base.js" type=text/javascript></SCRIPT>
<SCRIPT src="style/lib.js" type=text/javascript></SCRIPT>
<SCRIPT src="style/163css.js" type=text/javascript></SCRIPT>

<SCRIPT type=text/javascript>
	$(function(){			
	   $(".jqzoom").jqueryzoom({
			xzoom:400,
			yzoom:400,
			offset:10,
			position:"right",
			preload:1,
			lens:1
		});
		$("#spec-list").jdMarquee({
			deriction:"left",
			width:350,
			height:56,
			step:2,
			speed:4,
			delay:10,
			control:true,
			_front:"#spec-right",
			_back:"#spec-left"
		});
		$("#spec-list img").bind("mouseover",function(){
			var src=$(this).attr("src");
			$("#spec-n1 img").eq(0).attr({
				src:src.replace("\/n5\/","\/n1\/"),
				jqimg:src.replace("\/n5\/","\/n0\/")
			});
			$(this).css({
				"border":"2px solid #ff6600",
				"padding":"1px"
			});
		}).bind("mouseout",function(){
			$(this).css({
				"border":"1px solid #ccc",
				"padding":"2px"
			});
		});				
	})
	</SCRIPT>


</head>

<body>
<div id="header">
    	<div id="logo"></div>
        <div id="nav">
        	<ul>
            	<li><a href="index.html">首   页</a></li>
                <li><a href="exchange.html">享·物品</a></li>
                <li><a href="needs.html">享·需求</a></li>
                <li><a href="resources.html">享·资源</a></li>
                <li><a href="help.html">享·帮助</a></li>
            </ul>
        </div><!--nav end-->
      
  		<div id="sysmenu">
        	<div class="search">
            	<input type="search" class="search_text" style="left: 631px" autocomplete="off"/>
                <a href="#" class="search_button"></a>            
                </div>
            <div class="join">
                <a class="a-btn login" href="javascript:showDiv()">
        				<span class="a-btn-text">登录</span>
				</a>
                <a href="#" class="a-btn register " id="a-btn-register" >
                   <span class="a-btn-text">注册</span>
                </a>
            </div><!--join end-->
            <!--弹出登录层-->
            <div id="popDiv" class="mydiv" style="display:none;">
				<div class="login_1stLine"><b> 登录</b><a href="javascript:closeDiv()" class="login_close">关闭窗口</a></div>
                <div class="login_show">
                <h1 class="login_logo">乐享——生活乐分享！</h1>
                    <div class="login_info">
                    	<table>
                        	<tr>
                            	<td>用户名：</td>
                                <td><input type="text" id="userName" class="login_inputbox" /></td>
                            </tr>
                            <tr>
                            	<td>密&nbsp;&nbsp;&nbsp;码 ：</td>
                                <td><input type="password" id="userName" class="login_inputbox"  /></td>
                            </tr>
                            <tr><td>&nbsp;</td></tr>
                            <tr>
                            	<td></td>
                                <td><a href="#" class="a-btn login_button"><span class="a-btn-text">登录</span></a>&nbsp;&nbsp;&nbsp;<a href="#" style="text-decoration:underline; font-size:12px;">忘记密码？</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div id="bg" class="bg" style="display:none;"></div>
         
            <iframe id='popIframe' class='popIframe' frameborder='0' ></iframe><!--弹出登录层结束-->
  		</div><!--sysmenu end-->   
        </div>
        
       <div id="content">
       <div class="content-top">
                   <div class="user-info-left">  
                        <a href="#">
                            <img class="uphoto" align="left" src="style/img/goods/photo.jpg" width="100" height="100" />
                        </a> 
                        <div class="user-profile">
                           <span class="uname">沫沫</span>
                           <div class="addfo">
                               <a class="add" href="javascrip:">
                                  <span>+ 关注</span>
                               </a>
                               <a class="seemore" href="#">查看个人资料</a>
                           </div>
                        </div>
                   </div>
                   <div class="user-collect">
                        <div class="collect-list"> 
                             <a>6</a>
                             <br />
                             <span>关注</span>
                        </div>
                        <div class="collect-list">
                             <a>100</a>
                             <br />
                             <span>粉丝</span>
                        </div>
                        <div class="bd-none">
                             <a>100</a>
                             <br />
                             <img src="style/img/goods/like.png" /><span>被喜欢</span>
                        </div>
                   </div>
             </div><!--content-top end-->
             <div class="content-main">
                 <div class="left-main">
                     <div id=preview>
	                     <div class=jqzoom id=spec-n1 onClick="window.open('http://www.mobanwang.com/')">
                            <IMG height=330 src="style/img/goods/img1.jpg" jqimg="style/img/goods/img1.jpg" width=330>
	                     </div>
	                     <div id=spec-n5>
		                     <div class=control id=spec-left>
			                       <img src="style/img/goods/left.gif" />
		                     </div>
		                     <div id=spec-list>
			                    <ul class=list-h>
			                   	  <li><img src="style/img/goods/img1.jpg"> </li>
				                  <li><img src="style/img/goods/img2.jpg"> </li>
				                  <li><img src="style/img/goods/img3.jpg"> </li>
				                  <li><img src="style/img/goods/img4.jpg"> </li>
			                   	  <li><img src="style/img/goods/img1.jpg"> </li>
				                  <li><img src="style/img/goods/img2.jpg"> </li>
				                  <li><img src="style/img/goods/img3.jpg"> </li>
				                  <li><img src="style/img/goods/img4.jpg"> </li>
			                   	  <li><img src="style/img/goods/img1.jpg"> </li>
				                  <li><img src="style/img/goods/img2.jpg"> </li>
			                    </ul>
		                     </div>
		                     <div class=control id=spec-right>
			                      <img src="style/img/goods/right.gif" />
		                     </div>
                         </div>
                   </div>  
                   <div class="describe">
<h1><span>镶钻耳钉</span></h1>
                          <p>“最近整个人懒洋洋到无懈可击的地步了，吃完午饭 就这样赖皮一样的趟倒在沙发上享受静静的午后时光却也是极好的。耳钉的样子很特别 闪的不炫耀 美的不矫情。推荐给喜欢低调华丽的菇凉。”
                          <br />&nbsp;&nbsp;<span>06月16日 20:19</span>
                       </p> 
                     <div class="detail">
                           <ul>
                              <li>开始时间：2012-06-15</li>
                              <li>新旧程度：95%</li>
                              <li>物品编号：011354</li>
                              <li>所在地：三江学院计算机系</li>
                              <li>我想换：饰品类</li>
                              <li>享主估价：<span>¥10.90</span></li>
                              <li>联系我：1520000110</li>
                           </ul>
                     </div>
                             
                         
                   <div class="favorate">
                            <div class="fav">
                                <a href="javascrip:;"><img src="style/img/goods/未标题-1.png" height="30" /></a>
                                <div class="favcount">
                                     <span>156</span>
                                </div>
                            </div>
                     </div>
                   </div>
                   <div class="pub-area">
                       <div class="pub-area-bd">
                          <textarea name="textarea" class="pub-text" style="color:#999;" onfocus="if(this.value=='你也可以顺便说点什么 O(∩_∩)O') {this.value='';}this.style.color='#000';" onblur="if(this.value=='') {this.value='你也可以顺便说点什么 O(∩_∩)O';this.style.color='#999';}">你也可以顺便说点什么 O(∩_∩)O</textarea>
                       </div>
                       <div class="pub-area-ft">
                           
                           <div class="pub-ft-submit">
                               <a class="submit" href="javascrip:;"><span>确定</span></a>
                           </div>
                           
                       </div>
                   </div>
                   
                   <div class="note_comment">
                       <ul class="c_l">
                           <li class="c-f">
                              <a>
                                <img src="style/img/goods/f1.jpg" class="icard" />
                              </a>
                              <p class="sms">
                                <a href="#">小昕</a>
                              </p>
                              <p class="sms">
                                 多少钱啊？
                                 <span>4分钟前</span>
                              </p>
                              <div class="down">
                                  
                                  <a href="javascrip:;" class="reply">回复</a>
                              </div>
                          </li>
                          <li class="c-f">
                              <a>
                                <img src="style/img/goods/f2.jpg" class="icard"/>
                              </a>
                              <p class="sms">
                                <a href="#">黑夜做白日梦</a>
                              </p>
                              <p class="sms">
                                 多少钱啊？
                                 <span>今天 11:20</span>
                              </p>
                              <div class="down">
                                  
                                  <a href="javascrip:;" class="reply">回复</a>
                              </div>
                          </li>
                          <li class="c-f">
                              <a>
                                <img src="style/img/goods/girl_avatar_default.jpg_48x48.jpg" class="icard" />
                              </a>
                              <p class="sms">
                                <a href="#">果珍梨</a>
                              </p>
                              <p class="sms">
                                 会不会褪色呢？
                                 <span>昨天 22:31</span>
                              </p>
                              <div class="down">
                                  
                                  <a href="javascrip:;" class="reply">回复</a>
                              </div>
                          </li>
                          <li class="c-f">
                              <a>
                                <img src="style/img/goods/f4.jpg" class="icard" />
                              </a>
                              <p class="sms">
                                <a href="#">维璃叶子</a>
                              </p>
                              <p class="sms">
                                多少钱啊？
                                 <span> 昨天 19:41</span>
                              </p>
                              <div class="down">
                                 
                                  <a href="javascrip:;" class="reply">回复</a>
                              </div>
                          </li>
                          <li class="c-f">
                              <a>
                                <img src="style/img/goods/f5.jpg" class="icard" />
                              </a>
                              <p class="sms">
                                <a href="#">芯儿控</a>
                              </p>
                              <p class="sms">
                                 多少钱啊？<span> 昨天 14:16</span>
                              </p>
                              <div class="down">
                                 
                                  <a href="javascrip:;" class="reply">回复</a>
                              </div>
                          </li>
                          <li class="c-f">
                              <a>
                                <img src="style/img/goods/f6.jpg" class="icard" />
                              </a>
                              <p class="sms">
                                <a href="#">花开米兰</a>
                              </p>
                              <p class="sms">
                                 多少钱啊？
                                 <span> 昨天 11:15</span>
                              </p>
                              <div class="down">
                                 
                                  <a href="javascrip:;" class="reply">回复</a>
                              </div>
                          </li>
                          <li class="c-f">
                              <a>
                                <img src="style/img/goods/f7.jpg" class="icard" />
                              </a>
                              <p class="sms">
                                <a href="#">尘伊洛</a>
                              </p>
                              <p class="sms">
                                 多少钱啊？<span> 昨天 07:39</span>
                              </p>
                              <div class="down">
                                 
                                  <a href="javascrip:;" class="reply">回复</a>
                              </div>
                          </li>
                          <li class="c-f">
                              <a>
                                <img src="style/img/goods/f8.jpg" class="icard" />
                              </a>
                              <p class="sms">
                                <a href="#">周小猫咪</a>
                              </p>
                              <p class="sms">
                                 多少钱啊？
                                 <span>前天 14:55</span>
                              </p>
                              <div class="down">
                                  
                                  <a href="javascrip:;" class="reply">回复</a>
                              </div>
                          </li>
                       </ul>
                   </div>
                   <div class="pagination">
                       <a class="page" href="#">1</a>
                       <a class="page" href="#">2</a>
                       <a class="page" href="#">3</a>
                       <a class="page" href="#">下一页</a>
                   </div>
                 </div>
                 <div class="right-side">
                     <div class="slide_show">
                         <h3>她的换物：</h3>
                         <table>
                             <tr>
                               <td>
                                <a href="#"><img src="style/img/goods/s.jpg" /></a>
                                <a class="show-title">小苹果</a>
                               </td>
                               <td class="td-right">
                                <a href="#"><img src="style/img/goods/s2.jpg" /></a>
                                <a class="show-title">刻字手镯</a>
                               </td>
                             </tr>
                             <tr>
                                <td>
                                <a href="#"><img src="style/img/goods/s3.jpg" /></a>
                                <a class="show-title">流线型</a>
                               </td>
                               <td class="td-right">
                                <a href="#"><img src="style/img/goods/s4.jpg" /></a>
                                <a class="show-title">绿松石</a>
                               </td>
                             </tr>
                              <tr>
                               <td>
                                <a href="#"><img src="style/img/goods/s5.jpg" /></a>
                                <a class="show-title">时尚风</a>
                               </td>
                               <td class="td-right">
                                <a href="#"><img src="style/img/goods/s6.jpg" /></a>
                                <a class="show-title">欧美风</a>
                               </td>
                             </tr>
                              <tr>
                                <td>
                                <a href="#"><img src="style/img/goods/s7.jpg"/></a>
                                <a class="show-title">中国风</a>
                               </td>
                               <td class="td-right">
                                <a href="#"><img src="style/img/goods/s8.jpg" /></a>
                                <a class="show-title">复古风</a>
                               </td>
                             </tr>
                         </table>  
                     </div>
                      <div class="slide_show">
                         <h3>猜你喜欢：</h3>
                         <table>
                             <tr>
                               <td>
                                <a href="#"><img src="style/img/goods/s.jpg" /></a>
                                <a class="show-title">小苹果</a>
                               </td>
                               <td class="td-right">
                                <a href="#"><img src="style/img/goods/s2.jpg" /></a>
                                <a class="show-title">刻字手镯</a>
                               </td>
                             </tr>
                             <tr>
                                <td>
                                <a href="#"><img src="style/img/goods/s3.jpg" /></a>
                                <a class="show-title">流线型</a>
                               </td>
                               <td class="td-right">
                                <a href="#"><img src="style/img/goods/s4.jpg" /></a>
                                <a class="show-title">绿松石</a>
                               </td>
                             </tr>
<tr>
                               <td>
                                <a href="#"><img src="style/img/goods/s5.jpg" /></a>
                                <a class="show-title">时尚风</a>
                               </td>
                               <td class="td-right">
                                <a href="#"><img src="style/img/goods/s6.jpg" /></a>
                                <a class="show-title">欧美风</a>
                               </td>
                             </tr>
                              <tr>
                                <td>
                                <a href="#"><img src="style/img/goods/s7.jpg"/></a>
                                <a class="show-title">中国风</a>
                               </td>
                               <td class="td-right">
                                <a href="#"><img src="style/img/goods/s8.jpg" /></a>
                                <a class="show-title">复古风</a>
                               </td>
                             </tr>                         </table>  
                     </div>
                 </div>
             </div>
          </div>
          
<div id="footer">
	<p class="p1">Copyright &copy;2011 聚萤工作室.                  All Rights Reserved. </p>
</div>
             
       
</body>
</html>
